html,body{font-family:"Helvetica Neue", Helvetica, STHeiTi, sans-serif,arial;-webkit-text-size-adjust:none;word-break:break-all;font-size: 0.5rem;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input,figure,section{ margin: 0; padding: 0; border: 0;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body {
    width:7.5rem;
    font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    margin:0 auto;
    color: black;
    position:relative;
    background-color:#fff;
}
html,body{
    height: 100%;
}
a{text-decoration: none;color:#FFFFFF;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align: middle;-ms-interpolation-mode: bicubic;}
address,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
.clearfix:after{display:block; clear: both; content: ''; visibility: visible;}
textarea, input{-webkit-appearance:none;font-family:"Microsoft Yahei",helvetica,arial,sans-serif;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:4px 8px;background: #fff;border-radius:4px;border:1px solid #cfcfcf;box-shadow:inset 0 1px 0 #CDCDCD;outline: 0;font-size:14px;color:#444;display:block;}
input[type="checkbox"]{-webkit-appearance:checkbox;vertical-align: middle;display:inline-block;}
input[type="radio"]{-webkit-appearance:radio;vertical-align: middle;display:inline-block;}
::-moz-placeholder{ font-family: "Microsoft YaHei";color:#ccc;}
::-webkit-input-placeholder{ font-family: "Microsoft YaHei";color:#ccc;}
:-ms-input-placeholder{ font-family: "Microsoft YaHei";color:#ccc;}

.content{  width:100%;height: 13.34rem;}
.swiper-container{position: absolute;width:100%;height:100%;}

.bj1{
     background: url("../images/bg1.jpg");
     background-size:  cover;
     background-repeat: no-repeat;
     background-position: 0 0;

 }
.bj2{
    background: url("../images/bg2.jpg");
    background-size:  cover;
    background-repeat: no-repeat;
    background-position: 0 0;

}
.liji_liuzi{width:3.86rem;height:1rem;background:url("../images/liji.png") no-repeat center top; position: absolute;left:50%;margin-left:-1.93rem;bottom:0.5rem;background-size:100%;cursor: pointer;}
.liu_box{width:6.2rem;height:6.6rem;border:#e40e44 solid 2px;border-radius:5px;background: rgba(0,0,0,.85); position: absolute;left:50%;top:50%;margin:-3.3rem 0 0 -3.1rem;display:none;}
.close_bg{width:0.55rem;height:0.55rem;background:url("../images/close_bg.png") no-repeat center top;background-size:100%; position: absolute;right:-0.26rem;top:-0.26rem;}
.lizi_tit{width:3.36rem;height:0.6rem;background:url("../images/liuzi_tit.png") no-repeat center top;background-size:100%;margin:0.6rem auto 0;}
.jiaoyan {width: 100%;padding-top: 0.3rem;clear: both;}
.jiaoyan dt {width: 30%;float: left;text-align: right;color: #fff;font: 0.48rem/0.72rem "Microsoft Yahei";}
.jiaoyan dd {width: 70%;float: left;text-align: left;}
.jiaoyan dd input {width: 90%;height: 0.72rem;font: 0.32rem/0.72rem "Microsoft Yahei";border-radius: 0;border: #e40e44 solid 1px;}
.liuzi_intro{font: 0.32rem/1rem "Microsoft Yahei";color:#fff;}
.tijiao_lizi{width:70%;background:#cb0443;color:#fff;font: 0.36rem/0.7rem "Microsoft Yahei";height:0.7rem; text-align: center; cursor: pointer;margin:0 auto;}
.intro_txt li{font:0.36rem/0.72rem "Microsoft Yahei";color:#fff;}
.swiper-slide-active .box_hide{animation:opacive 0.1s linear 2s forwards ;}
 .box_animate{width:3.8rem;height:4.38rem;position: absolute;left:50%;top:50%;margin:-2rem 0 0 -1.9rem;}
.baoxiang1{width:3.8rem;height:4.38rem;background:url("../images/baoxiang_bg.png") no-repeat center top;background-size:100%;  position: absolute;left:0;top:0; }
.swiper-slide-active .box_show{width:6rem;height:5.82rem;animation:opacive2 0.1s linear 2s forwards ;opacity:0;position: absolute;left:50%;top:50%;margin:-2.9rem 0 0 -3rem;}
.baoxiang2{width:6rem;height:5.82rem;background:url("../images/baoxiang2_bg.png") no-repeat center top;background-size:100%;  position: absolute;left:0;top:0;}
.huojiang_bg{width:100%;height:100%; position:absolute;left:0;top:0;z-index:888;background-repeat: no-repeat ;background-position:center top;background-size:  cover;display:none;}
.userName,.tel{display:block;width:100%; text-align: center;font:0.48rem/0.66rem "Microsoft Yahei";color:#fff; position: absolute;left:0;height:0.66rem;display:none;border:#fff solid 1px;}
.tel{bottom: 1.9rem;}
.userName{bottom: 2.56rem;}
.intro_Text{display:block;width:100%;  text-align: center;font:0.28rem/0.78rem "Microsoft Yahei";color:#fff;position: absolute;left: 0;bottom: 1.12rem;display:none;border:#fff solid 1px;}
.no_f5_red,.no_f5_blue{display:block; width:100%; text-align: center;display:none;font:0.28rem/0.62rem "Microsoft Yahei";color:#fff; position: absolute;left:0;bottom:0.5rem;border:#fff solid 1px;}
.no_f5_red{background:url("../images/jiang1_bg.png") no-repeat center top;background-size:100%;}
.no_f5_blue{background:url("../images/jiang2_bg.png") no-repeat center top;background-size:100%;}
.zhong_close{display:block;width:3.3rem;height:1rem; text-align: center;font:bold 0.44rem/1rem "Microsoft Yahei";color:#fff;background:#cb0443; position: absolute;left:50%;margin-left:-1.65rem;bottom:2.5rem;}
/* 隐藏 */
@keyframes opacive{
    0%{opacity:1;}
    100%{opacity:0;}
}

/* 显示 */
@keyframes opacive2{
    0%{opacity:0;transform: scale(0.2)}
    100%{opacity:1;transform: scale(1)}
}












